<!-- directive:title 云袭表单 投入项目使用 五星评级 -->
<!-- directive:breadcrumb 表单插件集1.5 -->
<!-- 表单 -->
<div class="panel-body">
    <table class="table">
        <tbody>
            <tr>
                <td>
                    表单标题 <input type="text" placeholder="" style="width:250px;" ng-model="fromObj.api.title">
                </td>
            </tr>
            <tr>
                <td>
                    表单详情接口名称和api <input type="text" placeholder="" style="width:250px;" ng-model="fromObj.api.detail"><input type="text" placeholder="" style="width:250px;" ng-model="fromObj.api.detailUrl">
                </td>
            </tr>
            <tr>
                <td>
                    表单提交接口名称和api <input type="text" placeholder="" style="width:250px;" ng-model="fromObj.api.submit"><input type="text" placeholder="" style="width:250px;" ng-model="fromObj.api.submitUrl">
                </td>
            </tr>
        </tbody>
    </table>
    <table class="table">
        <thead> <tr> <th>操作列功能::名称</th> <th>标题</th> <th>属性</th> <th>属性</th>
        <th style="text-align:center;color:#4CAF50;" title="添加"> <div ng-click="addItem('formColume')"> <i class="fa fa-plus"></i> </div></th> </tr> </thead>
        <tbody>
            <tr ng-show="! fromObj.formColume.length">
                <td colspan="99"><center>无数据</center></td>
            </tr>
            <tr ng-repeat="row in fromObj.formColume track by $index">
                <td>
                    <input type="text" placeholder="" style="width:150px;" ng-model="row.title">
                </td>
                <td>
                    <input type="text" placeholder="" style="width:150px;" ng-model="row.name">
                    <br />
                    是否必填
                    <input type="checkbox" ng-model="row.required">
                </td>
                <td>
                    类型型
                    <select placeholder="" style="width:150px;" ng-model="row.type">
                        <option value="输入框">输入框</option>
                        <option value="下拉框">下拉框</option>
                        <option value="文本域">文本域</option>
                        <option value="开关">开关</option>
                        <option value="假开关">假开关(根据条件改变)</option>
                        <option value="单选框组">单选框组</option>
                        <option value="单选">单选</option>
                        <option value="复选">复选</option>
                        <option value="枚举填写">枚举填写</option>
                        <option value="弹框处理">弹框处理</option>
                    </select>
                    <br />
                    假数据
                    <select placeholder="" style="width:150px;" ng-model="row.mock">
                        <option value="日期">日期</option>
                        <option value="名字">名字</option>
                        <option value="词语">词语</option>
                        <option value="id">id</option>
                        <option value="网址">网址</option>
                        <option value="数字">数字</option>
                        <option value="金钱">金钱</option>
                        <option value="文本数组">文本数组</option>
                        <option value="对象数组">对象数组</option>
                        <option value="枚举2">枚举2</option>
                        <option value="枚举3">枚举3</option>
                        <option value="文本">文本</option>
                        <option value="">空白</option>
                    </select>
                    <br />
                    校验验
                    <select placeholder="" style="width:150px;" ng-model="row.validate" ng-if="row.type=='输入框'">
                        <option value="不可使用特殊符号">不可使用特殊符号</option>
                        <option value="不可使用中文以及特殊符号">不可使用中文以及特殊符号</option>
                        <option value="请输入0-100数字或保留两位小数">请输入0-100数字或保留两位小数</option>
                        <option value="请输入0-100整数">请输入0-100整数</option>
                        <option value="请输入合理整数">请输入合理整数</option>
                    </select>
                </td>
                <td>
                    字符长度
                    <input type="text" placeholder="" style="width:150px;" ng-model="row.maxlength" ng-if="row.type=='输入框'">
                    <br />
                    换行注释
                    <input type="text" placeholder="" style="width:150px;" ng-model="row.bottomNote">
                    <br />
                    枚举枚举
                    <input type="text" placeholder="" style="width:150px;" ng-model="row.option" ng-if="row.type=='单选'||row.type=='复选'">
                </td>
                <td style="text-align:center;color:#F44336;" title="关闭"><div ng-click="removeItem('formColume', $index)"> <i class="fa fa-close"></i> </div></td>
            </tr>
        </tbody>
    </table>
    <button class="btn btn-success" ng-click="makeFormCodeAndReview()"> <i class="glyphicon glyphicon-plus"></i>生产表格代码 </button>
    <button class="btn btn-danger" ng-click="printFromObj()"> 打印当前 json </button>
    <button class="btn btn-success" ng-click="getFromObj()"> 接收 console/localstorage 中的 json </button>
    <div id="jsonMakeFrom"></div>
    <pre id="templateA"></pre>
    <pre>项目请自行补上 app.controller('terminal_edit', function ($scope, $rootScope, $timeout, $stateParams, $uibModal, $alert, $API, $go, $rule) {})</pre>
    <pre id="templateJ"></pre>
    <pre id="templateF"></pre>
    <dc-json json="fromObj" collapsed="true"></dc-json >
</div>
